<!-- contact-history-list -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">

<div id="dialog-fade"  id="sales-profile" tabindex="-1" role="dialog" style="width: 800px;">
   <div id="dialog-bg" style="height: 400px;">
       <div id="modal-header">Contact History List</div>
           <div id="modal-body">
              <div class="modal-content" style="height: 300px; width: 780px;">
           		 <form name="editPhoneContactInformation">
           	<table class="qrTable">
				<tr>
					<td><span class="fieldLabel">View</span><select style="margin-bottom: 7px;">
					<option value="customer">Customer View</option>
					<option value="household">HouseHold View</option></select></td>
					<td><span style="color: Blue; text-decoration: underline;">Expand</span></td>
					<td><span style="color: Blue;">Profile Notes<a data-target="" href="#"> 01-15-15</a></span></td>
					<td align="right"><button data-toggle="modal" data-target="#" data-dismiss="modal" type="button"
					class="button secondary" data-onclick=""><span class="left" onmouseover="javascript:this.style.curser"
	                 >Add to Contact History</span></button>&nbsp;&nbsp;&nbsp;&nbsp;</td>
				</tr>
			</table>
			<div  class="sectionHeader">
				<table class="qrTable">
					<tr class="qrHeader">
						<td style="width: 15%; border-left: 1px solid white;">Created</td>
						<td style="width: 17%; border-left: 1px solid white;">Customer Names</td>
						<td style="width: 14%; border-left: 1px solid white;">Request</td>
						<td style="width: 25%; border-left: 1px solid white;">Contact Type</td>
						<td style="width: 20%; border-left: 1px solid white;">Banker</td>
					</tr>
				</table>
			</div>
			<div  style="width: 100%; height: 250px; border: 1px solid darkgrey; overflow: auto;">
				<table class="qrTable">
					<colgroup>
						<col width="10%" style="border: 1px;"/>
						<col width="7%"/>
						<col width="20%"/>
						<col width="15%"/>
						<col width="28%"/>
						<col width="20%"/>
					</colgroup>
					<tr ng-class="">
						<td colspan="2">01-13-15:08:30</td>
						<td>Ran Gurung</td>
						<td>Service</td>
						<td>Contact Manager</td>
						<td><a data-target="" href="#" data-toggle="modal">Sarita Gurung</a></td>
					</tr>
					<tr ng-class="">
						<td colspan="2">01-12-15:08:30</td>
						<td>Rojan Gurung</td>
						<td>Service</td>
						<td>Contact Manager</td>
						<td><a data-target="" href="#" data-toggle="modal">Sarita Gurung</a></td>
					</tr>
					<tr ng-class="">
						<td colspan="2">01-12-15:08:30</td>
						<td>Ran Gurung</td>
						<td>Service</td>
						<td>Contact Manager</td>
						<td><a data-target="" href="#" data-toggle="modal">Sarita Gurung</a></td>
					</tr>
					<tr ng-class="">
						<td colspan="2">01-12-15:08:30</td>
						<td>Ran Gurung</td>
						<td>Service</td>
						<td>Contact Manager</td>
						<td>sarita gurung</td>
					</tr>
				</table>
           		 </div>
           		 </form>
           	  </div>
           </div>
           <div id="dialog-buttons" style="text-align: center;">
				<button type="button" class="button secondary" data-dismiss="modal">Close</button>
		</div>
      </div>
 </div>


